<ui:component xmlns:ui="http://java.sun.com/jsf/facelets"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:p="http://primefaces.org/ui">

    <p:panel styleClass="panel_especial_casa" rendered="#{!pCEspecialCasa.hayItems()}"> 
        <h:graphicImage library="theme/images"  name="page2_img2.jpg" alt="" />
        <h:panelGroup layout="block" class="pad_bot1 especial_casa">
            Muy pronto te mostraremos aquí nuestros ¡Especiales de la casa!. Exquisitos platos con el toque de Deliccio.
        </h:panelGroup>
    </p:panel>
    <p:imageSwitch effect="fade" rendered="#{pCEspecialCasa.hayItems()}"> 
        <p:panel styleClass="panel_especial_casa" rendered="#{pCEspecialCasa.mostrar(0)}">  
            <p:graphicImage value="#{sesion.devolverImagenDesdeRuta(pCEspecialCasa.devolverEspecial(0).imagen)}" width="240" height="110"/>
            <h:panelGroup layout="block" class="pad_bot1 especial_casa">
                <h:panelGrid columns="1">
                    <h:outputText style="font-weight: bold" value="#{pCEspecialCasa.devolverEspecial(0).descripcionCorta}"/>
                    <h:outputText value="#{pCEspecialCasa.devolverEspecial(0).descripcionLarga}"/>
                </h:panelGrid>
            </h:panelGroup>
        </p:panel>
        <p:panel styleClass="panel_especial_casa" rendered="#{pCEspecialCasa.mostrar(1)}">  
            <p:graphicImage value="#{sesion.devolverImagenDesdeRuta(pCEspecialCasa.devolverEspecial(1).imagen)}" width="240" height="110"/>
            <h:panelGroup layout="block" class="pad_bot1 especial_casa">
                <h:panelGrid columns="1">
                    <h:outputText style="font-weight: bold" value="#{pCEspecialCasa.devolverEspecial(1).descripcionCorta}"/>
                    <h:outputText value="#{pCEspecialCasa.devolverEspecial(1).descripcionLarga}"/>
                </h:panelGrid>
            </h:panelGroup>
        </p:panel>
        <p:panel styleClass="panel_especial_casa" rendered="#{pCEspecialCasa.mostrar(2)}">  
            <p:graphicImage value="#{sesion.devolverImagenDesdeRuta(pCEspecialCasa.devolverEspecial(2).imagen)}" width="240" height="110"/>
            <h:panelGroup layout="block" class="pad_bot1 especial_casa">
                <h:panelGrid columns="1">
                    <h:outputText style="font-weight: bold" value="#{pCEspecialCasa.devolverEspecial(2).descripcionCorta}"/>
                    <h:outputText value="#{pCEspecialCasa.devolverEspecial(2).descripcionLarga}"/>
                </h:panelGrid>
            </h:panelGroup>
        </p:panel>
    </p:imageSwitch>  
</ui:component>